@extends('layouts.adminlayout')
@section('main')
<h1>Khoá học</h1>
<p>{{ link_to_route('manager-courses.create', 'Thêm khóa học', null, array('class'=>'btn btn-info')) }}</p>
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Danh sách khoá học</h3>
                    </div><!-- /.box-header -->
                    <div class="box-body table-responsive">
                        @if($courses->count())
                        <table class="table table-striped table-bordered" id='dataTable'>
                            <thead>
                                <tr>
                                <th>
                                    <input type="checkbox" class="all" />
                                </th>
                                    <th>Tên khoá học</th>
                                    <th>Loại khoá học</th>
                                    <th>Thời gian bắt đầu</th>
                                    <th>Thời gian kết thúc</th>
                                    <th>Số lượng học viên</th>
                                    <th>Học phí</th>
                                    <th>Đăng tin</th>
                                    <th>Tuỳ chọn</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                <td>
                                    <button type="button" class="btn btn-danger" onclick="delete_all()"><li class="fa fa-trash-o"></li></button>
                                </td>
                                    <th>Tên khoá học</th>
                                    <th>Loại khoá học</th>
                                    <th>Thời gian bắt đầu</th>
                                    <th>Thời gian kết thúc</th>
                                    <th>Số lượng học viên</th>
                                    <th>Học phí</th>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tfoot>
                            <tbody>
                                @foreach ($courses as $course)
                                <tr>
                                <td >
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="checkbox"class="check" value="{{{$course->id}}}"/>
                                        </label>
                                    </div></td>
                                    <td>{{{ $course->course_name }}}</td>
                                    <td>{{{ $course->course_type }}}</td>
                                    <td>{{{ $course->start_time}}}</td>
                                    <td>{{{ $course->end_time}}}</td>
                                    <td>{{{ $course->quantity }}}</td>
                                    <td>{{{ $course->fee_courses }}}</td>
                                    <td><a class="btn btn-primary" onclick="<?php if($course->post != 1)  echo 'create_post('.$course->id.')';?>" <?php if($course->post == 1) echo 'disabled';?>><?php if($course->post == 1) echo 'Đã đăng tin';else echo 'Đăng tin';?></a></td>
                                    <td style="width:130px; text-align:center;">
                                        {{ Form::open(array('method' => 'DELETE', 'route' => array('manager-courses.destroy', $course->id))) }}
                                        <a href="<?php echo URL::route('manager-courses.edit', array($course->id)); ?>" class="btn btn-info" title="Chỉnh sửa"><i class="glyphicon glyphicon-edit"></i></a>
                                        <button type="submit" class="btn btn-danger" title="Xoá"><i class="glyphicon glyphicon-trash"></i></button>
                                        {{ Form::close() }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @else
                        <p>Không tồn tại khóa học</p>
                        @endif
                </div><!-- /.box-body -->
                <div id="overlay"></div>
                <div id="loading-img"></div>
                </div><!-- /.box -->
            </div>
        </div>
    </section>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        {{ Form::open(array('route' => 'news.store','role'=>'form','id'=>'bai_viet')) }}
            <div class="box-body">
                <div class="form-group">
                    {{ Form::label('ChuyenMucBaiViet_Id', 'Chuyên Mục Bài Viết') }}
                        <?php 
                        echo '<select name="ChuyenMucBaiViet_Id" class="form-control" id="ChuyenMucBaiViet_Id" required>';
                        echo "<option value=''>Chọn</option>";
                        $chuyen_muc_bai_viet = new Chuyen_muc_bai_viet();
                        $chuyen_muc_bai_viets = $chuyen_muc_bai_viet->getAllchuyenmuc();
                        foreach ($chuyen_muc_bai_viets as $chuyen_muc_bai_viet) {
                            echo "<option value='".$chuyen_muc_bai_viet->id."'>".$chuyen_muc_bai_viet->ten_chuyen_muc."</option>";
                        }
                        ?>
                    </select>
                </div>
                <div class="form-group">
                    {{ Form::label('tieu_de', 'Tiêu Đề') }}
                    {{ Form::text('tieu_de',null,array('required','class'=>'form-control')) }}
                </div>
                <div class="form-group">
                    {{ Form::label('tom_tat', 'Tóm Tắt') }}
                    {{ Form::textarea('tom_tat',null,array('style'=>'width:100%','class'=>'form-control')) }}
                </div>
                <div class="form-group">
                    {{ Form::label('noi_dung', 'Nội Dung') }}
                    {{ Form::textarea('noi_dung',null,array('style'=>'width:100%','class'=>'form-control')) }}
                </div>
            </div>
        </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
        {{ Form::submit('Lưu Bài Viết', array('class' => 'btn btn-info')) }}
        {{ Form::close() }}
      </div>
    </div>
  </div>
</div>
<script src="<?php echo asset('public/admin/js/plugins/datatables/jquery.dataTables.columnFilter.js'); ?>" type="text/javascript"></script>
<script type="text/javascript">
    // Setup - add a text input to each footer cell
    $('#dataTable tfoot th').each(function() {
        var title = $('#dataTable thead th').eq($(this).index()).text();
        $(this).html('<input type="text" placeholder="' + title + '" />');
    });

    var table = $('#dataTable').DataTable({
                "scrollX": "100%",
                "scrollCollapse": true,
                "paging": true,
                    "autoWidth": false
            });
    // Apply the filter
    table.columns().eq(0).each(function(colIdx) {
        $('input', table.column(colIdx).footer()).on('keyup change', function() {
            table
            .column(colIdx)
            .search(this.value)
            .draw();
        });
    });
</script>
 <!-- CKEditor -->
    <script src="<?php echo asset('public/plugins/ckeditor/ckeditor.js'); ?>" type="text/javascript"></script>
    <script src="<?php echo asset('public/plugins/ckeditor/adapters/jquery.js'); ?>" type="text/javascript"></script>
    <!-- CKFinder -->
    <script src="<?php echo asset('public/plugins/ckfinder/ckfinder.js'); ?>" type="text/javascript"></script>
    <script type="text/javascript">
        $( document ).ready( function() {
            var noi_dung = CKEDITOR.replace( 'noi_dung', {
                filebrowserBrowseUrl : '<?php echo asset("public/plugins/ckfinder/ckfinder.html"); ?>',
                filebrowserImageBrowseUrl : '<?php echo asset("public/plugins/ckfinder/ckfinder.html?type=Images"); ?>',
                filebrowserFlashBrowseUrl : '<?php echo asset("public/plugins/ckfinder/ckfinder.html?type=Flash"); ?>',
                filebrowserUploadUrl : '<?php echo asset("public/plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files"); ?>',
                filebrowserImageUploadUrl : '<?php echo asset("public/plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images"); ?>',
                filebrowserFlashUploadUrl : '<?php echo asset("public/plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash"); ?>'
            });
            CKFinder.setupCKEditor( noi_dung, '<?php echo asset("public/plugins"); ?>');

            var tom_tat = CKEDITOR.replace( 'tom_tat', {
                filebrowserBrowseUrl : '<?php echo asset("public/plugins/ckfinder/ckfinder.html"); ?>',
                filebrowserImageBrowseUrl : '<?php echo asset("public/plugins/ckfinder/ckfinder.html?type=Images"); ?>',
                filebrowserFlashBrowseUrl : '<?php echo asset("public/plugins/ckfinder/ckfinder.html?type=Flash"); ?>',
                filebrowserUploadUrl : '<?php echo asset("public/plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files"); ?>',
                filebrowserImageUploadUrl : '<?php echo asset("public/plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images"); ?>',
                filebrowserFlashUploadUrl : '<?php echo asset("public/plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash"); ?>'
            });
            CKFinder.setupCKEditor( tom_tat, '<?php echo asset("public/plugins"); ?>');
        } );
    </script>
    <script type="text/javascript">
    var id_course = 0;
    function create_post(id){
        id_course = id;
        $.ajax({
            url: '<?php echo asset("ajax/getcourses")?>',
            type: 'post',
            dataType: 'json',
            data: {id: id},
        })
        .done(function(data) {
            for (var key in data) {
               if (data.hasOwnProperty(key)) {
                $('#tieu_de').val('Khai giảng khóa học Tin học chứng chỉ '+data[key].course_type+' ngày '+data[key].start_time);
                // $('#tom_tat').val();
                // $('#noi_dung').val('Khoa Công nghệ Thông tin & TT Trường Đại học Cần Thơ thông báo khai giảng lớp chứng chỉ Quốc Gia Tin học Ứng dụng trình độ '+data[key].course_type+' ngày '+data[key].start_time);
                  // console.log(data[key].id);
                  CKEDITOR.instances.tom_tat.setData('Khoa Công nghệ Thông tin & TT Trường Đại học Cần Thơ thông báo khai giảng lớp chứng chỉ Quốc Gia Tin học Ứng dụng trình độ '+data[key].course_type+' ngày '+data[key].start_time);
                  CKEDITOR.instances.noi_dung.setData('Khoa Công nghệ Thông tin & TT Trường Đại học Cần Thơ thông báo khai giảng lớp chứng chỉ Quốc Gia Tin học Ứng dụng trình độ '+data[key].course_type+' ngày '+data[key].start_time+'<br/><br/><b>Thời gian đăng ký giữ chỗ:</b><br/><p>- Bắt đầu từ: '+data[key].start_time+'</p><p>- Kết thúc vào: '+data[key].end_time+'</p><p>- Số lượng chỗ đăng ký: '+data[key].quantity+'</p><p><b>Học phí:</b> '+data[key].fee_courses+ ' đồng</p><strong>MIỄN GIẢM</strong><ul><li>20.000 đồng học phí&nbsp; đối với cán bộ&nbsp; và sinh viên&nbsp; chính qui Trường&nbsp; Đại Học Cần Thơ cho các lớp A, B ACCESS </span></li><li><span>Đặc biệt: giảm 50.000 đồng cho cán bộ, sinh viên trường ĐHCT - học viên các lớp A-B của trung tâm ĐTTH, học viên các lớp ApTech của TT. CNPM -&nbsp;ĐHCT&nbsp;đăng ký học lớp "CÀI ĐẶT VÀ QUẢN TRỊ MẠNG MÁY TÍNH DOANH NGHIỆP" </span></li><li>Sinh viên trường ĐHCT có chứng chỉ A Tin học do Trung tâm Điện tử Tin học Trường Đại học Cần Thơ cấp sẽ được miễn môn học Tin học căn bản (lý thuyết và thực hành). </span></li></ul><br/><strong><span style="text-decoration: underline;">Liên hệ</span></strong><span style="font-size: small;">Cô Nguyễn Thị Thủy Chung;email: <a href="mailto:%20%3Cscript%20type=%27text/javascript%27%3E%20%3C%21--%20var%20prefix%20=%20%27ma%27%20+%20%27il%27%20+%20%27to%27;%20var%20path%20=%20%27hr%27%20+%20%27ef%27%20+%20%27=%27;%20var%20addy58681%20=%20%27nttchung%27%20+%20%27@%27;%20addy58681%20=%20addy58681%20+%20%27cit%27%20+%20%27.%27%20+%20%27ctu%27%20+%20%27.%27%20+%20%27edu%27%20+%20%27.%27%20+%20%27vn%27;%20document.write%28%27%3Ca%20%27%20+%20path%20+%20%27%5C%27%27%20+%20prefix%20+%20%27:%27%20+%20addy58681%20+%20%27%5C%27%3E%27%29;%20document.write%28addy58681%29;%20document.write%28%27%3C%5C/a%3E%27%29;%20//--%3E%5Cn%20%3C/script%3E%3Cscript%20type=%27text/javascript%27%3E%20%3C%21--%20document.write%28%27%3Cspan%20style=%5C%27display:%20none;%5C%27%3E%27%29;%20//--%3E%20%3C/script%3EThis%20email%20address%20is%20being%20protected%20from%20spambots.%20You%20need%20JavaScript%20enabled%20to%20view%20it.%20%3Cscript%20type=%27text/javascript%27%3E%20%3C%21--%20document.write%28%27%3C/%27%29;%20document.write%28%27span%3E%27%29;%20//--%3E%20%3C/script%3E"><span style="color: blue;"></span></a><a href="mailto:nttchung@cit.ctu.edu.vn">chungchitinhoc@cit.ctu.edu.vn; nttchung@cit.ctu.edu.vn</a></span><br/><strong>Nơi đăng ký ghi danh:&nbsp;Trung tâm điện tử - Tin học, Số 01 Lý Tự Trọng, Quận Ninh Kiều, Tp. Cần Thơ (gặp Cô Bích 0939822355 )</strong>');
               }
            }
            $('#myModal').modal('show');
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }

    $('#bai_viet').submit(function(event) {
        $.ajax({
            url: '<?php echo asset("ajax/storebaiviet")?>',
            type: 'post',
            dataType: 'html',
            data: {
                tieu_de:  $('#tieu_de').val(),
                tom_tat: CKEDITOR.instances.tom_tat.getData(),
                ChuyenMucBaiViet_Id: $('#ChuyenMucBaiViet_Id').val(),
                noi_dung: CKEDITOR.instances.noi_dung.getData()
            },
        })
        .done(function() {
            $('#myModal').modal('hide');
                $.ajax({
                url: '<?php echo asset("ajax/updatecourses")?>',
                type: 'post',
                dataType: 'json',
                data: {id_course: id_course},
            })
            .done(function(data) {
                if(data == 1){
                    window.location.reload();
                }
                console.log("success");
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
            
            console.log("success");
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
        return false;
    });
    </script>
@stop